:root {
    --main-background-color: #efefef;
    --font-family-sans-serif: 'Lato', sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
        'Courier New', monospace;
}

body {
    font-family: var(--font-family-sans-serif);
    margin: 0;
    overflow: auto;
}

.contextTitle {
    line-height: 29px;
    color: #333333;
    font-size: 24px;
    margin-bottom: 24px;
    display: inline-block;
    font-family: var(--font-family-sans-serif);
    width: 80%;
}

/* todo remove below CSS once antd3 is updated in amber-ui */
/* this overrided antd4's tooltip arrow styles */
.ant-tooltip .ant-tooltip-arrow {
    width: 13.07106781px;
    height: 13.07106781px;
}

div.contextTitle,
h1.contextTitle {
    line-height: 29px;
    color: #333333;
    font-size: 24px;
    margin-bottom: 24px;
    display: inline-block;
    font-family: var(--font-family-sans-serif);
    width: 80%;
}

/* SELFHELP Component Styles STARTS */
.CoveoResult a.CoveoResultLink,
.CoveoResultLink a.CoveoResultLink,
.article-header,
.coveo-facet-header-title,
.h3,
.instructions-text,
.CoveoResult h3 {
    font-size: 1rem;
    font-weight: 600;
}

.CoveoResult select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #e5e8ea;
    border-radius: 3px;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2872, 82, 90%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

.article-tag__text {
    color: #48525a;
    font-size: 0.875rem;
    font-weight: 700;
}

.article-tag__knowledge {
    color: #48525a;
    font-size: 0.875rem;
    font-weight: 700;
}

.article-tag__knowledge::before {
    background: url(../img/icons/knowledge-mini-icon.svg) no-repeat center;
    content: '';
    float: left;
    height: 20px;
    margin-right: 5px;
    margin-top: 1px;
    width: 20px;
}

.article-tag__discussion {
    color: #48525a;
    font-size: 0.875rem;
    font-weight: 700;
}

.article-tag__discussion::before {
    background: url(../img/icons/discussion-icon.svg) no-repeat center;
    content: '';
    float: left;
    height: 25px;
    margin-right: 5px;
    margin-top: 1px;
    width: 20px;
}

.article-tag__date {
    color: #48525a;
    font-size: 0.875rem;
    font-weight: 700;
}

.article-tag__date::before {
    background: url(../img/icons/time-icon.svg) no-repeat center;
    content: '';
    float: left;
    height: 15px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}

.article-tag__likes {
    color: #48525a;
    font-size: 0.875rem;
    font-weight: 700;
}

.article-tag__likes::before {
    background: url(../img/icons/like-icon.svg) no-repeat center;
    content: '';
    float: left;
    height: 15px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}

.article-tag__views {
    color: #48525a;
    font-size: 0.875rem;
    font-weight: 700;
}

.article-tag__views::before {
    background: url(../img/icons/views-icon.svg) no-repeat center;
    content: '';
    float: left;
    height: 15px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}

.article-tag__solved {
    color: #48525a;
    font-size: 0.875rem;
    font-weight: 700;
}

.article-tag__solved::before {
    background: url(../img/icons/solved-icon.svg) no-repeat center;
    content: '';
    float: left;
    height: 15px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}

.article-tag__comments {
    color: #48525a;
    font-size: 0.875rem;
    font-weight: 700;
}

.article-tag__comments::before {
    background: url(../img/icons/case-mini-icon.svg) no-repeat center;
    content: '';
    float: left;
    height: 15px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
}
/* SELFHELP Component Styles ENDS */

.coveo-source-badge {
    background: #add5db;
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    padding: 2px 12px 2px 5px;
    font-size: 13px;
    font-weight: 600;
}

.coveo-source-badge span {
    color: #006d91;
    text-decoration: none !important;
}